{% extends "base.html" %}
{# Copyright The IETF Trust 2015, All Rights Reserved #}
{% load origin %}
{% load ietf_filters %}
{% load static %}
{% block pagehead %}
    <link rel="stylesheet" href="{% static 'ietf/css/datepicker.css' %}">
    <link rel="stylesheet" href="{% static "ietf/css/list.css" %}">
{% endblock %}
{% block title %}Liaison Statements - {{ selected_menu_entry|capfirst }}{% endblock %}
{% block content %}
    {% origin %}
    <h1>Liaison Statements</h1>
    {% include "liaisons/liaison_desc.html" only %}
    {% if with_search %}
        <div class="ietf-box search-form-box">{% include "liaisons/search_form.html" %}</div>
    {% endif %}
    <ul class="nav nav-tabs my-3">
        {% for name, url in menu_entries %}
            <li class="nav-item">
                <a class="nav-link
                          {% if selected_menu_entry == name.lower %}
                              active
                          {% endif %}"
                   href="{{ url }}">{{ name }}</a>
            </li>
        {% endfor %}
    </ul>
    {% if menu_actions %}
        <div class="buttonlist">
            {% for name, url in menu_actions %}<a class="btn btn-primary me-3" href="{{ url }}">{{ name }}</a>{% endfor %}
        </div>
    {% endif %}
    {% block group_content %}
        {% if search_conducted and not liaisons %}
            <div class="alert alert-info my-3">No statements match your query.</div>
        {% else %}
            {% include "liaisons/liaison_table.html" %}
        {% endif %}
    {% endblock %}
    <p>
        Total Statements: {{ liaisons|length }}
    </p>
{% endblock %}
{% block js %}
    <script src="{% static "ietf/js/list.js" %}"></script>
    <script src="{% static 'ietf/js/datepicker.js' %}"></script>
    <script src="{% static 'ietf/js/liaisons.js' %}"></script>
{% endblock %}